<script setup>

</script>
<template>
  <div>
    <!-- 修改密码框 -->
    <el-dialog v-model="showUpdatePassword" title="修改密码" style="width:500px;border-radius: 3%;top: 80px;" >
      <el-form :model="updateForm" :rules="rules">
        <el-form-item label="旧密码" :label-width="formLabelWidth" prop="oldPassword">
          <el-input v-model="updateForm.oldPassword" autocomplete="off" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="新密码" :label-width="formLabelWidth" prop="newPassword">
          <el-input v-model="updateForm.newPassword" autocomplete="off"  placeholder="请输入"/>
        </el-form-item>
        <el-form-item label="新密码" :label-width="formLabelWidth" prop="newPasswordConf">
          <el-input v-model="updateForm.newPasswordConf" autocomplete="off"  placeholder="请再次输入"/>
        </el-form-item>
      </el-form>
      <template #footer>
            <span class="dialog-footer">

                <el-button @click="showUpdatePassword = false" style="margin-right: 5px;width: 70px;">取消</el-button>
                <el-button type="primary" @click="update()" style="width: 70px;margin-right: 70px;">
                确定
                </el-button>
            </span>
      </template>
    </el-dialog>
  </div>
</template>

<style scoped>
</style>